import React from 'react';

class Toplist extends React.Component{
    render(){
        return(
        <div>
            
           <div id="toplist">
			<div className="toplist-left">
				<div className="left-top">
					<h2>云音乐特色榜</h2>
					<ul>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
					</ul>
				</div>
				<div className="left-bot">
					<h2>云音乐特色榜</h2>
					<ul>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
						<li className="item-left clearfix">
							<span className="msk"><img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=40y40"/></span>
							<a href="##" className="item-left-top">云音乐飙升榜</a>
							<p className="item-left-bot">每日更新</p>
						</li>
					</ul>
				</div>
			</div>
			<div className="toplist-right clearfix">
				<div className="right-top clearfix">
					<div className="cnt clearfix">
						<div className="cnt-left clearfix">
							<img src="http://p1.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=150y150"/>
						</div>
						<div claclassNamess="cnt-right clearfix">
							<h2>云音乐飙升榜</h2>
							<div className="cnt-right-top">
								<i></i>
								<span className="sep-1">最近更新：06月26日</span>
								<span className="sep-2">（每天更新）</span>
							</div>
							<div className="cnt-right-bot clearfix">
								<a href="##" className="btn-1">播放</a>
								<a href="##" className="btn-2"></a>
								<a href="##" className="btn-3 clearfix">447754<i></i></a>
								<a href="##" className="btn-4">(1817)<i></i></a>
								<a href="##" className="btn-5">下载<i></i></a>
								<a href="##" className="btn-6">65441<i></i></a>
								
							</div>
						</div>
					</div>
					
				</div>
				<div className="right-bot clearfix">
					<div className="right-bot-top clearfix">
						<h2>歌曲列表</h2>
						<p>100首歌</p>
						<span>播放：375256320次</span>
					</div>
					<div className="right-bot-bot clearfix">
						<table border="0" cellspacing="" cellpadding="">
							<tr className="tr-one">
								<th className="th-one"></th>
								<th className="th-two">标题</th>
								<th className="th-three">时长</th>
								<th className="th-four">歌手</th>
							</tr>
							<tr>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
        </div>
        
        )
    }
}

module.exports= Toplist;